Learn

New Recording Session
checkout flow navigation map form filling search UX
Recent Sessions
3
shop.example.com 02:34
Learn checkout flow — cart to payment
23 events 3 pages 8 key-path
dashboard.app.io 12:45
Map admin dashboard navigation patterns
47 events 6 pages 15 key-path
forms.internal.co paused
Learn multi-step registration form
12 events 2 pages
shop.example.com — Checkout Flow Recording

Event Timeline

All Key Path Clicks Input Nav
Click 00:05 Key Path
button.add-to-cart[data-id="123"]
User adds "Blue Widget" to cart — primary conversion action on product listing page
Scroll 00:12 Not Key
window → scrollY: 450px
Browsing scroll to view more products — not part of checkout critical path
Nav 00:18 Key Path
/products → /cart
Navigation to cart page — entering checkout funnel
Input 00:34 Key Path
input#shipping-address[name="address"]
Filling shipping address — form field [MASKED] (PII protected)
Click 01:02 Key Path
button#place-order.btn-checkout
🎯 Place order click — checkout completion. Final conversion event in the funnel.
Scroll 01:15 Not Key
window → scrollY: 0px (scroll to top)
Post-purchase scroll — viewing confirmation page header
IDEA-038 · Learn Module Panel · Mockup v1